import React,{ Component } from 'react';
import { Form, Input, Tooltip, Icon, Cascader, Select, Row, Col, Checkbox, Button, AutoComplete } from 'antd';
const FormItem = Form.Item;
const Option = Select.Option;
const AutoCompleteOption = AutoComplete.Option;

class FormItem1 extends Component {
	constructor(props) {
		super(props);
		this.state = {

		}
	}
	handleEvent() {
		console.log('111');
	}
	render() {
		const { getFieldDecorator } = this.props.form;
		const formItemLayout = {
	      labelCol: {
	        xs: { span: 24 },
	        sm: { span: 2 },
	      },
	      wrapperCol: {
	        xs: { span: 24 },
	        sm: { span: 20 },
	      },
	    };

		return (
			<Form>
				<FormItem
					layout="inline"
					label="邮件"
					{...formItemLayout}
				>
					{getFieldDecorator('email', {
			            rules: [{
			              type: 'email', message: 'The input is not valid E-mail!',
			            }, {
			              required: true, message: 'Please input your E-mail!',
			            }],
			          })(
			            <Input />
			          )}
				</FormItem>
				<FormItem onClick={ this.handleEvent.bind(this) }>
			    	导出
			    </FormItem>
			</Form>
		)
	}
}
export default FormItem1 = Form.create()(FormItem1);